/* ==========================
   Estilos Generales para Tablas
========================== */
table {
  width: 100%;          /* El ancho de la tabla será del 50% del contenedor */
  border-collapse: collapse;
  border: 1px solid black;
  margin-bottom: 20px; /* Espacio inferior para separar elementos */
}

th, td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
}

th {
  height: 70px;
  text-align: left;
}

td {
  height: 50px;
  text-align: center;
  vertical-align: bottom;
}

/* ==========================
   Efectos y Hover
========================== */
tr:hover {
  background-color: coral;
}

/* ==========================
   Overflow para tablas grandes
========================== */
.table-wrapper {
  overflow-x: auto;
}